<!DOCTYPE html>
<html lang="zh-CN">
<head>
    {% load staticfiles %}
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link href="http://demo.jb51.net/js/2016/jQuery_bootsnav/css/bootsnav.css" rel="stylesheet">
    <script src="http://demo.jb51.net/js/2016/jQuery_bootsnav/js/bootsnav.js"></script>
    <link href="http://demo.jb51.net/js/2016/jQuery_bootsnav/css/animate.css" rel="stylesheet">
    <link rel="stylesheet" href="/static/font-awesome-4.7.0/css/font-awesome.min.css">
    <style>
        .bg {
            background: url("/static/image/01.jpeg");
            background-size: 100%;
            background-position-y: 75%;
            margin-bottom: 8px;
            margin-top: 8px;
        }

        .bg p {
            padding: 40px 0px 30px 80px;
            font-size: 36px;
            font-family: "Microsoft YaHei", "宋体", "Segoe UI", "Lucida Grande", Helvetica, Arial, sans-serif, FreeSans, Arimo;
            color: #f0f8fb;
            font-weight: bold;
            text-shadow: 3px 3px #2a3b45;
        }

        nav.navbar.bootsnav {
            border-bottom: none
        }

        #TaoistsNavBar > ul.nav > li > a {
            padding: 10px 15px;
        }

        #TaoistsNavBar > ul.nav > li > a:hover {
            color: red;
            background-color: #b92c28;
            border-bottom: solid red 3px;
        }

        .panel {
            margin-bottom: 0px
        }
    </style>
    {% block css %}

    {% endblock %}
    {% block title %}
    {% endblock %}

</head>
<body>
<div class="container bg">
    <p>河南省农业行政执法案件管理平台</p>
</div>
<div class="container" style="padding: 0px">
    <nav class="navbar navbar-default navbar-static-top bootsnav on">
        <!-- container容器，左右留有余地 -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse"
                    data-target="#TaoistsNavBar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
        </div>
        <div class="collapse navbar-collapse" id="TaoistsNavBar">
            <ul class="nav navbar-nav" data-in="fadeInDown" data-out="fadeOutUp">
                <li class="active" style="background-color: #efefef"><a href="#"
                                                                        style="color: #b92c28;font-weight: bolder">首页</a>
                </li>
                <li><a href="#">案件上报</a></li>
                <li><a href="#">统计分析</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">各地案件</a>
                    <ul class="dropdown-menu animated">
                        <li><a href="#">全省</a></li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">郑州市</a>
                            <ul class="dropdown-menu multi-dropdown animated">
                                <li><a href="#">巩义市</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
{#                <li class="dropdown">#}
{#                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">其他平台</a>#}
{#                    <ul class="dropdown-menu animated fadeOutUp">#}
{#                        <li><a href="#">农业执法机构管理平台</a></li>#}
{#                        <li><a href="#">农业执法人员管理平台</a></li>#}
{#                    </ul>#}
{#                </li>#}
                <li><a href="#">机构管理平台</a></li>
                <li><a href="#">人员管理平台</a></li>
                <li><a href="#">帮助</a></li>
            </ul>
            <form class="navbar-form navbar-right inline-group">
                <div class="input-group">
                    <input type="search" name="information" class="form-control" placeholder="当事人 / 案由"/>
                    <span class="input-group-btn">
                            <button class="btn btn-default">
                                <span class="glyphicon glyphicon-search"></span>
                            </button>
                        </span>
                </div>
            </form>
        </div>
    </nav>
</div>
{% block body %}

{% endblock %}
</body>
{% block js %}
{% endblock %}
</html>


